@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html,body{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.01);
}
img{
	display: inline-block;
}
a{
	text-decoration: none;
	color: #000000;
}

.box{
	width: 400px;
	height: 100%;
	overflow: hidden;
	position: fixed;
	float: left;
}
.box {
    >img {
        width: 100%;
        height: 165%;
        position: absolute;
        top:-200px;
    }
	
}

/* /* /* /* 右侧表单 */ 
.loginbg{
	width: calc(100% - 375px);
	float: right;
	height: auto;
	overflow: hidden;
}
.logo{
	width: 100%;
	height: 80px;
	padding: 20px;
	display: flex;
	justify-content: space-between;
    align-items: center;
    >h1{
        font-size: 26px;
	    font-weight: 500;
        >img{
            width: 40px;
            height: 40px;
            vertical-align: middle;
            margin-right: 10px;
        }
    }
    >p{
        height: 40px;
        line-height: 40px;
        >span{
             >a{
                color: #838383;
                margin: 0 10px;
                width: 56px;
                font-size: 14px;
                &:hover{
                    color: #FF6700;
                }
            }
        }
           
    }
}

.logo{
    >p{
        >span:nth-child(4){
            a{
                width: 70px;
                padding: 0 10px;
                box-sizing: content-box;
                text-align: center;
                border-left: 1px #838383 solid;
            }
        }
    }
}


/* /* /* /* 表单 */ 
// .form{
// 	background-color: palegoldenrod
// }
.form{
	width: 450px;
	height: 630px;
	margin: 0 auto;
	padding: 40px 45px;
	margin-bottom: 80px;
	background-color: #fff;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	/* box-sizing: content-box; */
}
.w{
	position: absolute;
	width: 765px;
	height: auto;
	left: 45px;
}

.denluzhuce{
	width: 100%;
    height: 40px;
    .denluzhuceyanshi{
        color: #000000;
        border-bottom: 4px #FF6700 solid;
    }
}
.denluzhuce{
    >span:nth-child(1),>span:nth-child(2){
        font-size: 22px;
        font-weight: 500;
        display: inline-block;
        padding-bottom: 3px;
        margin-right: 20px;
        color: #bbbbbb;
    }
},

.xianshi{
	display: none;
}
form input{
	padding: 20px;
	width: 100%;
	margin: 20px 0;
	font-size: 17px;
	background-color: rgba(0,0,0,0.05);
	outline: none;
	border: none;
	border-radius: 5px;
}

/* /* /* /* 登录按钮 */
.denlubtn,.zhucebtn{
	width: 100%;
	line-height: 60px;
	height: 60px;
	text-align: center;
	color: #fff;
	opacity: 0.4;
	background-color: #ff5c00;
	border-radius: 4px;
	margin: 20px 0 10px;
}

.zhuce,.denlu{
	width: 360px;
	height: auto;
	display: inline-block;
	float: left;
}
.zhuce{
	margin-left: 45px;
}


.zhaohui{
	width: 100%;
	overflow: hidden;
}
.wjmima{
    >a{
        color: #FF6700;
        float: left;
    }
}

.shoujidlu{
    a{
        color: #FF6700;
        float: right;
    }
} 
.qitafshi{
	width: 100%;
	text-align: center;
	margin-top: 60px;
}
.qitafshi{
    img{
        height: 3.5em;
        margin-top: 20px;
    }
}
.loginbg{
    >p{
        text-align: center;
        font-size: 12px;
        color: #999;
    }
}


/* /* /* /* 提示文本 */

.green{
	color: green;
}
.red{
	color: red;
}
 